/* order item */
/* icon */
.icon_direction_arrow{width: 20px;height: 21px;background: url("https://img.haoqiao.com/website/images/orderpay/icon_direction_arrow.svg") no-repeat center 6px;}
.icon_product_promotion{width: 16px;height: 16px;background-image: url("https://img.haoqiao.com/website/images/orderpay/icon_product_promotion.svg");}
/* icon end */

/* global */
.ml38{margin-left: 38px;}
/* global end */
*{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
.font-bold{
    font-weight:700
}
.word-bold{
    font-weight:700
}
.color-5256{
    color:#ff5256
}
.color-9900{
    color:#ff9900
}
.color-b63d{
    color:#00b63d
}
.segment-line{
    display: inline-block;
    background: #dbdbdb;
    width:1px;
    height:14px;
    margin:0 6px;
    vertical-align: -1px
}
.size-16{font-size:16px}
.last-child-em{cursor: pointer}

.logo-href:hover{
    text-decoration: none;
}

.main{width:1190px; margin:0 auto}
.clearfix{clear: both;}
.font-bold{font-weight:700}
.order-pay-body{
    background:#fff;
    font-size:14px;
    color:#666;
}
.order-pay-body .header-wrap{
    border-bottom: 2px #ccc solid;
}

.order-pay-body h6,.order-pay-body em, .order-pay-body span{
    line-height: 1.1;
}

.order-pay-main{
    width: 1190px;
    padding-bottom:32px;
    margin:16px auto;
    font-size: 14px;
    background: #fff;
}

.order-pay-cont{
    border:1px #ececec solid;
    background: #f6f6f6;
    margin-bottom:30px;
}
.order-pay-item-box{
    border-bottom:1px #ececec solid;
    /*height:279px;*/
    /*overflow: hidden;*/
    -webkit-transition: all .3s ease .1s;
    -moz-transition: all .3s ease .1s;
    -o-transition: all .3s ease .1s;
    transition: all .3s ease .1s;

}
.order-pay-item{
    padding:24px 0;
    border-bottom:1px #ececec dotted;
    position: relative;
    margin: 0 20px -1px 20px;
}
.order-pay-item .plane_ticket_table td,
.order-pay-item > p {
    padding-bottom: 6px;
}

.order-pay-item .order-item-title{
    color:#262626;
    font-size:16px;
    margin-bottom:12px;
}
.order-item-more{
    height:28px;
    text-align: center;
    border-top:2px #e8eff7 solid;
    width:100%;
    margin-top:-1px;
    background: #f6f6f6;
    position:relative;
    z-index:10
}
.order-item-more em{
    background:url(https://img.haoqiao.com/website/images/orderpay/orderpay.png)  no-repeat;
    height:28px;width:344px;
    background-position:0 -899px;
    display: inline-block;
    margin:-2px auto 0 auto;

}
.order-item-more .order-item-more-text{
    display: inline-block;
    width:260px;
    height:26px;
    /*background:#e8eff7;*/
    line-height:26px;
    color:#49f;
}
.order-item-more .order-item-more-text i{height: 0; line-height: 0;font-size: 0;display: inline-block; vertical-align: 3px;
}
.order-item-more .order-item-more-text .arrow-up{
    border-color: #49f transparent transparent; border-style: dashed solid dashed; border-width: 5px 4px 0;
}
.order-item-more .current .arrow-up{
    border-color: transparent transparent #49f;border-style: dashed dashed solid; border-width: 0 4px 5px;
}
.order-pay-item .order-item-title-en{
    color:#999;
    font-size:12px;
    vertical-align: -1px
}
.order-pay-item .order-item-title-num{
    vertical-align: top
}
.order-pay-item .order-item-info{
    color:#666;
    margin-bottom: 6px;
    position: relative;
}
.order-pay-item .order-item-info:last-child {
    margin-bottom: 0px;
}
.order-pay-item .order-item-info em{
    display: inline-block;
    /*z-index:10*/
}

.order-pay-item .order-item-info .green{
    color: #00b63d;
}

.order-pay-item .order-item-info .show-name .order-item-title {
    font-size: 12px;
    color: #333;
    margin-bottom: 10px;
}
.order-pay-item .order-item-info .show-name em {
    font-size: 12px;
    color: #666;
}

.order-item-car-info{
    margin-top:9px; color:#666
}
.order-pay-item .order-item-total{
    position: absolute;
    top:22px;
    right:0;
    z-index:2
}
.order-pay-item .order-item-total .pay-money-color{
    color:#ff5256
}
.order-pay-total{
    height:50px;
    line-height: 50px;
    font-size:16px;
    color:#666;
    text-align: right;
    padding-right:20px;
    /*margin-top:-1px;*/
    background: #f6f6f6;
    z-index: 6;
    position: relative;
}
.order-pay-total .pay-money-color{
    font-size:22px;
    color:#ff5256
}

/* countdown */
.order-pay-countdown{
    margin-bottom:10px;
    padding-left:20px;
    color:#666
}

/* card list */
.pay-card-cont{
    border:1px #ececec solid;
    padding:26px 0;
	padding: 14px 0 20px 0;
}
.pay-card-cont .pay-card-inner{
    display: block;
}
.pay-card-cont .pay-card-inner h6{
    margin-bottom:12px;
    color:#666
}

.pay-card-cont .pay-card-inner h6 .product_promotion_txt {margin-left: 6px;opacity: 0}
.pay-card-cont .pay-card-inner h6 .icon_product_promotion:hover+.product_promotion_txt {opacity: 1}
.pay-card-cont .pay-card-delayed-inner{
    /*border-right: 1px #ccc dotted;*/
    margin-left:20px;
    padding-right:6px;
}
.pay-card-cont .pay-card-right-off-inner{
    padding: 16px 0 0 20px;
}

.order-pay-card-list li{
    display: inline-block;
    float: left;
    width:auto;
    height:54px;
    text-align:center;
    position: relative;
	margin-right: 10px;
}
.order-pay-card-item-last{margin-right:0!important;}
.pay-card-clicked{
    background: url(https://img.haoqiao.com/website/images/orderpay/orderpay.png) no-repeat;
    height:20px;
    width:20px;
    background-position:0 -52px;
    position: absolute;
    right:1px;
    top:0; 
    display: none;
}
.order-pay-card-item{
    border-radius: 2px;
    height: 100%;
}
.order-pay-card-item .order-pay-card-balance{
    margin-top:13px;
    display: inline-block;
    line-height:15px;
    color:#666;
    font-size:12px
}

.order-pay-card-item .order-pay-card-img{
    margin-top:13px;
    display: inline-block;
}
.order-pay-card-item .order-pay-card-img img{
    vertical-align: middle;
}
.order-pay-card-img .img {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.order-pay-card-img .img-1 {
    width: 132px;
}
.order-pay-card-img .img-2 {
    width: 170px;
}
.order-pay-card-img .img-3 {
    width: 156px;
}

/* 不可用 */
.pay-card-item-disabled{
    border:1px #ececec solid;
    color:#999;
	padding: 0 6px;
}
.pay-card-item-disabled span{
    color:#999;
}

/* 可用 */
.pay-card-item-available{
    border:1px #ddd solid;
	padding: 0 10px;
}
.order-pay-card-list li.clicked .pay-card-item-available{
    border:2px #49f solid
}
.order-pay-card-list li.clicked .pay-card-item-available .pay-card-clicked{
    display: block
}
.order-pay-card-list li.clicked .order-pay-card-item{background: #eef6ff}

.bank-account-cur .pay-card-clicked{
    display: block;
	right: 0px;
}
.pay-card-item-available:hover{
    border:1px #49f solid
}

.pay-card-tip{
    border:2px #7d95a0 solid;
    padding:8px;
    background:#fff;
    position: absolute;
    text-align: left;
    color:#333;
    width:317px;
    display: none;
    font-size:13px;
    z-index:15;
    top:55px
}
.order-item-tip{
    top: 22px;
    left: 61px;
}
.popup-pay-card-tip{
    right:0;
    top:32px
}
.last-pay-card-tip{
    right:-2px;
}



.bank-account-item-box{
    border:1px #ddd solid;
    /*height:100%;*/
    position: relative;
    background: #fff;
}
.bank-account-item{
    padding:10px 0;
    margin:0 auto;
    width:90%;
    /*text-align:center*/
}
.bank-account-item .bank-account-type{
    font-size:20px;
    /*color:#333;*/
    margin-bottom:12px;
    margin-top:8px
}
.unionpay-pay-text{font-size:16px; float: right; color:#333; position: relative}
.unionpay-pay-text:hover{
    text-decoration: underline;
    color:#49f
}
.unionpay-card-num-input{
    width:404px;
    height:34px;
    line-height:34px;
    padding:0 8px;
    border:1px #ccc solid;
}

.card-num{
    float: left; font-size:22px;
}
.relieve-btn{
    float:right;
    color:#7f7f7f;
    font-size:12px;
    padding-top:5px;
    /*padding-right:5px*/
}
.relieve-btn:hover{color:#49f; text-decoration: underline}
.bank-account-cur{
    border:2px #49f solid;
    color:#49f;
    background: #eef6ff;
}
.bank-account-cur .bank-account-item{
    /*padding:9px 19px;*/
    padding:9px 0;
    width:90%;
    margin:0 auto
}

.unionpay-car-box{
    width:1150px;
    border:1px #ececec solid;
    background: #f6f6f6;
    margin:30px auto 0 auto;
    position: relative;
    display: none;
}
.unionpay-car-box-inner{
    padding:20px
}
.order-pay-card-list li .arrow-up {
    position: absolute;
    right: 40px;
    top: 65px;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-color: transparent transparent #ececec;
    border-style: dashed dashed solid;
    border-width: 0 18px 19px;
    z-index:99;
    display: none;
}
.order-pay-card-list li .arrow-up i {
    position: absolute;
    left: -18px;
    top: 1px;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-color: transparent transparent #f6f6f6;
    border-style: dashed dashed solid;
    border-width: 0 18px 19px;
}
.unionpay-car-list{border-top:1px #ececec solid; margin-top:20px}
.unionpay-car-list ul{margin-right: -32px;}
.unionpay-car-list ul li{
    display:inline-block;
    background: #fff;
    width:320px;
    height:102px;
    border-radius: 2px;
    margin-right:22px;
    margin-top:20px;
    float:left;
    cursor: pointer;
}

/* pay button */
.order-pay-btn-cont{margin-top:24px; padding-left:18px}
.order-pay-loading{text-align: left;font-size: 14px;line-height: 30px;}
.order-pay-loading img{vertical-align: text-bottom;}
.order-pay-btn{
    display:inline-block;
    font-size: 16px;
    text-align: center;
    width: 180px;
    background: #49f;
    border-radius: 4px;
    color: #fff;
    margin-right: 36px;
    height: 36px;
    line-height: 36px;

}
.order-pay-btn:hover{background: #5da7ff; text-decoration: none }


.order-pay-icon{background:url(https://img.haoqiao.com/website/images/orderpay/orderpay.png)  no-repeat; display: inline-block}
.pay-card-right{background:url(https://img.haoqiao.com/website/images/orderpay/orderpay.png) no-repeat; background-position:0 1px; padding-left:20px; margin-left:12px}
.pay-card-error{background:url(https://img.haoqiao.com/website/images/orderpay/orderpay.png) no-repeat; background-position:0 -26px;  padding-left:20px;  color:#ff5256;  font-size:13px;  margin-left:12px}
.pay-doubt{height:14px;width:14px;background-position:0 -186px; vertical-align: -2px}
.pay-close{height:15px;width:15px;background-position:0 -217px;}
.pay-kjzf-icon{height: 18px;width: auto;vertical-align: middle;margin-left: 6px;font-size: 13px;background: #ececec;padding: 0 8px 0 4px;border-radius: 4px;color: #017a8b;font-weight: bold;opacity: 0.6;font-style: italic;display: inline-block;}
.pay-rj-01{height:15px;width:58px;font-size: 16px;font-weight: bold;color: #0b6867;position: relative}
.pay-rj-01:before{display: block;width:10px;height:1px; border-top:1px solid #0b6867;content: "";position:absolute ;top:8px; left:-12px;}
.pay-rj-01:after{display: block;width:10px;height:1px;border-top:1px solid #0b6867;content: "";position:absolute ;top:8px;right:-12px;}
.pay-rj-02{height:15px;width:58px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-rj-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px; left:-12px;}
.pay-rj-02:after{display: block;width:10px; height:1px;border-top:1px solid #999; content: "";position:absolute ;top:8px;right:-12px;}
.pay-yj-01{height:15px;width:59px;font-size: 16px;font-weight: bold;color: #0b6867;position: relative}
.pay-yj-01:before{display: block;width:10px;height:1px; border-top:1px solid #0b6867;content: "";position:absolute ;top:8px; left:-12px;}
.pay-yj-01:after{display: block;width:10px;height:1px;border-top:1px solid #0b6867;content: "";position:absolute ;top:8px;right:-12px;}
.pay-yj-02{height:15px;width:59px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-yj-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px; left:-12px;}
.pay-yj-02:after{display: block;width:10px; height:1px;border-top:1px solid #999; content: "";position:absolute ;top:8px;right:-12px;}
.pay-zj-01{height:15px;width:58px;font-size: 16px;font-weight: bold;color: #0b6867;position: relative}
.pay-zj-01:before{display: block;width:10px;height:1px; border-top:1px solid #0b6867;content: "";position:absolute ;top:8px; left:-12px;}
.pay-zj-01:after{display: block;width:10px;height:1px;border-top:1px solid #0b6867;content: "";position:absolute ;top:8px;right:-12px;}
.pay-zj-02{height:15px;width:58px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-zj-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px; left:-12px;}
.pay-zj-02:after{display: block;width:10px; height:1px;border-top:1px solid #999; content: "";position:absolute ;top:8px;right:-12px;}
.pay-byj-01{height:15px;width:74px;font-size: 16px;font-weight: bold;color: #0b6867;position: relative}
.pay-byj-01:before{display: block;width:10px;height:1px; border-top:1px solid #0b6867;content: "";position:absolute ;top:8px; left:-12px;}
.pay-byj-01:after{display: block;width:10px;height:1px;border-top:1px solid #0b6867;content: "";position:absolute ;top:8px;right:-12px;}
.pay-byj-02{height:15px;width:74px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-byj-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px; left:-12px;}
.pay-byj-02:after{display: block;width:10px; height:1px;border-top:1px solid #999; content: "";position:absolute ;top:8px;right:-12px;}
.pay-szj-01{height:15px;width:76px;font-size: 16px;font-weight: bold;color: #0b6867;position: relative}
.pay-szj-01:before{display: block;width:10px;height:1px; border-top:1px solid #0b6867;content: "";position:absolute ;top:8px; left:-12px;}
.pay-szj-01:after{display: block;width:10px;height:1px;border-top:1px solid #0b6867;content: "";position:absolute ;top:8px;right:-12px;}
.pay-szj-02{height:15px;width:76px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-szj-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px; left:-12px;}
.pay-szj-02:after{display: block;width:10px; height:1px;border-top:1px solid #999; content: "";position:absolute ;top:8px;right:-12px;}
.pay-ali{height:31px;width:88px;background-position:0 -527px;}
.pay-yfk-01{height:15px;width:107px;font-size: 16px;font-weight: bold;color: #ad6d00;position: relative}
.pay-yfk-01:before{display: block; width:10px; height:1px; border-top:1px solid #ad6d00;content: ""; position:absolute ; top:8px; left:-12px;}
.pay-yfk-01:after{display: block;width:10px;height:1px;border-top:1px solid #ad6d00;content: "";position:absolute ;top:8px;right:-12px;}
.pay-yfk-02{height:15px;width:107px;font-size: 16px;font-weight: bold;color: #999;position: relative}
.pay-yfk-02:before{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px;left:-12px;}
.pay-yfk-02:after{display: block;width:10px;height:1px;border-top:1px solid #999;content: "";position:absolute ;top:8px;right:-12px;}
.pay-yh-01{height:25px;min-width:108px;display: inline-block;color: #21076d;font-weight: bold;font-size: 18px;}
.pay-yh-02{height:25px;min-width:108px;display: inline-block;color: #999;font-weight: bold;font-size: 18px;}
.pay-unionpay{height:33px;width:116px;background-position:0 -719px;}
.pay-wechat{height:33px;width:117px;}
.pay-online-01{height:33px;width:119px;background-position:0 -813px;}
.pay-online-02{height:27px;width:119px;background-position:0 -862px;}
.pay-zk-sq{height:27px;width:27px;background-position:-168px -862px; vertical-align: -9px; margin-right:8px}
.unionpay-pay-icon{background-position: 0 -79px;height:26px;width:42px; margin-top:5px; vertical-align: -5px; margin-right:5px;  }
.pay-foreignpay{height:31px;width:88px;}

/** 问答 **/

.order-pay-main-footer{background: #f5f4f3; height:330px;}
.order-pay-main-footer .main{padding:26px 0 36px 0}
.order-pay-main-footer .copyright{text-align: center}
.order-pay-qa-title{border-bottom:1px #ccc solid;  font-size:16px;  position: relative;  padding-bottom:0;  margin-bottom:15px; color:#666 }
.order-pay-qa-title a{font-size:14px;  float:right  }
.order-pay-qa-title a:hover{text-decoration: underline;}
.order-pay-qa-list{height:auto; max-height:200px; font-size:13px; color:#666}
.order-pay-qa-list dt{ font-weight: 700; margin-bottom:7px  }
.order-pay-qa-list dd{padding-left:11px;  padding-bottom:20px  }
.order-pay-qa-list dd:last-child{padding-bottom:0}
.time-count-down-icon{height: 16px;  width: 16px;  background-position: 0 -117px;  vertical-align: -4px;  margin-right: 4px;  }

/**  支付二维码 **/
.pay-code-box{background: #fff; width:494px; margin:0 auto;  font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;}
.pay-code-box .pay-code-header{height:40px; position: relative}
.pay-code-header .close-pay-code-popup{position:absolute; right:10px; top:10px; transition: all .25s ease;}
.close-pay-code-popup:hover{transform: rotate(-90deg)}
.pay-code-box .pay-code-bd{margin:0 30px 50px 30px;}
.pay-code-bd .pay-code-bd-innder{width:300px; margin:0 auto  }
.pay-code-bd .pay-code-title{margin-bottom:20px}
.pay-code-title .pay-code-time{line-height:34px; float:right; color:#666}
.pay-code-bd-innder .pay-code-code{border:1px #ececec solid; text-align: center; height:300px; line-height:295px}
.pay-code-bd-innder .pay-code-code img{vertical-align: middle}
.pay-code-bd-innder .pay-code-foot{background: #eee; text-align: center; color:#49f;height:50px; line-height: 50px; font-size:15px}
.pay-code-btn-for-ali-box{margin-top:12px; text-align: center; line-height:30px}
.pay-code-btn-for-ali{background: #49f; border-radius: 4px;  color: #fff;  height: 30px;  line-height: 30px;  text-align: center;  width: 140px;
    display: inline-block;  margin-left:5px  }
.input-error{
    border:1px #ff5256 solid
}


/**popup timeout**/
.new-index-popup-content .index-popup-title{  width:570px}
.common-remmend-tip{zoom:1; text-align:center; margin-bottom:2px; width: 100%;}
.common-remmend-tip i.icon-timer{background: url('https://img.haoqiao.com/website/images/new_tts/tk_ts_icon_new.svg') no-repeat; height:52px; width:52px; margin-right: 11px;  display: inline-block;}
.common-remmend-tip .text-con{display: inline-block; width:auto; text-align: left; color:#333; padding-top:3px}
.common-va-t{vertical-align: top; }
.common-va-m{vertical-align: middle; }

.new-index-popup-content .index-popup-cont-contianer{padding:20px 0 30px 0; width:80%; margin:0 auto}
.new-index-popup-content .order-popup-footer{border-top:1px #ececec solid; padding:10px 0;text-align: center;font-size: 16px;margin: 0;}
.order-popup-footer .common-btn{display: inline-block;height:40px;line-height:40px; border-radius:4px; font-size:16px;}
.order-popup-footer .common-btn:hover{text-decoration: none!important;}
.order-popup-footer .common-confirm-btns{background:#49f; color:#fff; width:158px;margin: 0;}
.order-popup-footer .common-cancel-btns{ width:158px;height: 38px;line-height: 38px;background: transparent;border: 1px solid #49f;margin:0;color:#49f; }
.order-popup-footer .common-cancel-btns:not(:nth-child(1)){margin-left: 10px}
.order-popup-footer .common-confirm-btn{background:#49f; color:#fff; width:158px;margin: 0;}
.order-popup-footer .common-confirm-btns:hover,
.order-popup-footer .common-confirm-btn:hover{
    background: #5da7ff;
}
.order-popup-footer .common-cancel-btns:hover{
    background:#49f; color:#fff
}

.order-pay-footer{
    min-width:1190px;
    background: #f6f6f6;
    padding:20px 0 10px 0;
}
.detail-price-tips-cancel{
    position:absolute;z-index:99;line-height:20px;width:310px;border:solid 2px #7e95a1;padding:10px 12px;background:#fff;
}

.order-del-pop-btn{margin-bottom:0}
.red_color{color:#ff5256}
.point-margin{
    margin-bottom:4px;
}
/*icon*/
.car_order_icon{background:url(https://img.haoqiao.com/website/images/message/car_order_icon.png)  no-repeat; display: inline-block;    vertical-align: middle;
    margin-right: 6px;}
.point_m{height:14px;width:12px;background-position:0 0;}
.start_icon{height:18px;width:18px;background-position:0 -22px;}
.end_icon{height:18px;width:18px;background-position:0 -47px;}




.J-paybank-radio{
    width: 160px;
    max-width: 100%;
    height:50px;
    border:1px solid red;
    position: absolute;
    z-index: 2;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
    top:0;
    left:0;
}

/*服务费*/
.icon_opc{width:52px;height:52px;background: url(https://img.haoqiao.com/website/images/new_tts/tk_ts_icon_new.svg) no-repeat;background-size:cover;vertical-align: middle;}
.order-pay-card-list li .arrow-up.foreignpay {position: absolute;right: 66px;top: 65px;height: 0;line-height: 0;font-size: 0;border-color: transparent transparent #ececec;border-style: dashed dashed solid;border-width: 0 18px 19px;z-index: 99;display: none;}
.order-pay-card-list li .arrow-up.foreignpay i {position: absolute;left: -18px;top: 1px;height: 0;line-height: 0;font-size: 0;border-color: transparent transparent #FEF6E7;border-style: dashed dashed solid;border-width: 0 18px 19px;  }
.J-foreignpay-car-box{ background: #FEF6E7}

/*取消政策*/
.free_cancel{ color: #00b63d; display: block;}
.paid_cancel{ color: #ff9900; display: block;}
.non_cancel{ color: #ff5256; display: block;}
.cancel_remark{ color: #666; display: block;}
.free_cancel em,.paid_cancel em,.non_cancel em,.cancel_remark em{ font-size:14px; display: inline-block; margin-right: 5px; font-weight: bold; font-style: normal;}

